<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<title>LingPowerAI</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
		<script type="text/javascript">
			(function(doc, win) {
				var html = doc.getElementsByTagName("html")[0],
					// orientationchange->手机屏幕转屏事件
					// resize->页面大小改变事件(一边pc端有用)
					reEvt = "orientationchange" in win ? "orientationchange" : "resize",
					reFontSize = function() {
						var clientW = doc.documentElement.clientWidth || doc.body.clientWidth;
						if (!clientW) {
							return;
						}
						html.style.fontSize = 100 * (clientW / 420) + "px";
						document.body.style.display = "block";
						document.body.style.opacity = "1";
					}
				win.addEventListener(reEvt, reFontSize);

				// DOMContentLoaded->dom加载完就执行,onload要dom/css/js都加载完才执行
				doc.addEventListener("DOMContentLoaded", reFontSize);
			})(document, window);
		</script>
		<script src="../../js/mui.min.js"></script>
		<iframe id="iframe" src="" width="500" height="1000"></iframe>
		<!-- <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> -->
		<style type="text/css">
			.sharebox {
				line-height: 0.5rem;
				padding-left: 0.15rem;
				height: 0.5rem;
			}

			.sharebox div {
				margin-right: 0.1rem;
				float: left;
				display: inline-block;
				font-size: 0.4rem;
				color: #62b900;
			}

			.sharebox a>img {
				transform: translateY(0.05rem);
			}

			.sales_card {
				/* /* box-shadow: 0 0 5px 0px #b4cbe5; */
				box-shadow: 0 0 10px 0px #f2eeee;
				position: fixed;
				top: 0rem;
				width: 100%;
				z-index: 11;
				background: #FFFFFF;
				border: 1px solid #EEEEEE;
				padding: 0.13rem 0.1rem;
				display: flex;
				border-radius: 5px;
				/* margin: 0px 0.1rem; */
				height: 80px;
			}

			.sales_card .img {
				display: inline-block;
				height: 0.4rem;
				margin-right: 0.05rem;
				vertical-align: middle
			}

			.sales_card .col {
				display: flex;
				width: 30%;
				align-items: center;
				width: 70%;
			}

			.sales_card .col:last-child {
				width: 30%;
				justify-content: flex-end;
				text-align: right;
			}

			#backbtn {
				transform: translate(15px, 10px);
				background: rgba(0, 0, 0, 0.3);
				width: 0.35rem;
				border-radius: 50%;
				height: 0.35rem;
				line-height: 0.35rem;
				text-align: center;
				color: #FFFFFF;
			}

			#head_img {
				border-radius: 50%;
				margin-right: 0.1rem;
			}

			.HaiBaoBox {
				position: fixed;
				z-index: 999;
				width: 3rem;
				height: 3rem;
			}

			a {
				font-size: 0.14rem;
			}
		</style>
	</head>


	<body>
		<div class="sales_card">
			<div class="col">
				<div class="img">
					<img id="head_img" src="../../images/default_pick_photo.png" style="height: 0.4rem; width: 0.4rem;" alt="">
				</div>
				<div style="display: inline-block;height: 0.4rem; vertical-align:middle;font-size:0.16rem ;line-height: 0.22rem;">
					<div style="font-size: 0.15rem;" id="YwyNm">还没有填名字</div>
					<p style="font-size: 0.13rem;margin: 0rem;" id="company">未填写所属公司</p>
				</div>
			</div>
			<div class="col">
				<a href="javascript:;" style="width: 50%;display: inline-block;border-right: 1px solid #eee;text-align: center;">微信</a>
				<a href="javascript:;" style="width: 50%;display: inline-block;text-align: center;">电话</a>
			</div>
		</div>
		<script>
			jQuery.ajaxPrefilter(function(options) {
				console.log();
				if (options.crossDomain && jQuery.support.cors) {
					var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
					options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
				};
			});

// 			mui.ajax("https://mp.weixin.qq.com/s/t5WY-eWKybiwZRsjyJH07A", {
// 				data: {
// 
// 				},
// 				dataType: 'html', //服务器返回json格式数据
// 				type: 'GET', //HTTP请求类型
// 				timeout: 10000, //超时时间设置为10秒；
// 				success: function(data) {
// 					var divObj = document.createElement("div");
// 					divObj.innerHTML = '<div class="sales_card">' +
// 						'<div class="col">' +
// 						' <div class="img">' +
// 						'<img id="head_img" src="../../images/default_pick_photo.png" style="height: 0.4rem; width: 0.4rem;" alt="">' +
// 						'</div>' +
// 						' <div style="display: inline-block;height: 0.4rem; vertical-align:middle;font-size:0.16rem ;line-height: 0.22rem;">' +
// 						'<div style="font-size: 0.15rem;" id="YwyNm">二少邀您阅读</div>' +
// 						'<p style="font-size: 0.13rem;margin: 0rem;" id="company">平安e保</p>' +
// 						'</div>' +
// 						'</div>' +
// 						'<div class="col">' +
// 						' <a href="javascript:;" style="width: 50%;display: inline-block;border-right: 1px solid #eee;text-align: center;">微信</a>' +
// 						' <a href="javascript:;" style="width: 50%;display: inline-block;text-align: center;">电话</a>' +
// 						' </div>' +
// 						'</div>';
// 					let html = data.replace(/data-src/g, "src");
// 					// document.write();
// 					document.body.style.paddingTop = "80px";
// 					let htmlSrc = 'data:text/html;charset=utf-8,' + html;
// 					document.getElementById("iframe").setAttribute("src", htmlSrc)
// 					document.body.prepend(divObj);
// 				},
// 				error: function(xhr, type, errorThrown) {
// 
// 				}
// 			});
		</script>

	</body>

</html>
